<template>
    <div class="btnparent" @click="registerClick">
        <div class="loginbtn">
            {{btntext}}
        </div>
    </div>
</template>

<script>
    export default {
        name: "LoginBtn",
        props:['btntext'],
        methods:{
            registerClick(){
                this.$emit('registerSubmit')
            }
        }
    }
</script>

<style scoped>
    .loginbtn{
        height: 12.5vw;
        background-color: #ff9db5;
        color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 6.25vw;
        font-size: 4.4vw;
    }

    .btnparent{
        padding: 4.16vw 2.78vw;
    }

</style>